<?php if (!defined('THINK_PATH')) exit();?><!DOCTYPE HTML>
<html>
<head>
<title>注册</title>
<link href="/recipe/Public/ctps_329_qq/css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
<link href="/recipe/Public/ctps_329_qq/css/style.css" rel="stylesheet" type="text/css" media="all" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Curabitur Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
 <link rel="stylesheet" href="/recipe/Public/ctps_329_qq/css/flexslider.css" type="text/css" media="screen" />
 <script src="/recipe/Public/ctps_329_qq/js/jquery-1.11.1.min.js"></script>
  <script src="/recipe/Public/ctps_329_qq/js/bootstrap.js"> </script>
  <!---- start-smoth-scrolling---->
<script type="text/javascript" src="/recipe/Public/ctps_329_qq/js/move-top.js"></script>
<script type="text/javascript" src="/recipe/Public/ctps_329_qq/js/easing.js"></script>
 <script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event){		
				event.preventDefault();
				$('html,body').animate({scrollTop:$(this.hash).offset().top},1200);
			});
		});
	</script>
<!---End-smoth-scrolling---->
 


<script> 
//核对两次输入的密码
        function check(){
            var password = document.getElementById("password").value;
            var repsword = document.getElementById("newpassword").value;
        if(password == ''||repsword==''){
        alert('密码不能为空');
            return false;
        }
        if(password != repsword) {
        alert("两次密码不同，请重新输入");
            return false;
        }
       return true;
        }
            public function checkTele(){
    /*  $t=$_GET["t"];
      $userModel = M("Users");
      $rs=$userModel->where("telephone='$t'")->select();
      if($rs) echo "手机号已存在";
      $this->ajaxReturn($rs);//打出来json数组*/
      var tele = document.getElementById("telephone");
      var para="t="+tele;
      $.ajax({
   type: "GET",
   url: "checkTele",
   data: "para",
   success: function(msg){
    document.getElementById("tid").innerHTML=msg;
   }});


     }

    </script>
</head>
<body><!-- start-header section-->
			<div class="header">
				<div class="container">
				     <div class="top-header">
		
						<div class="logo">
							<h1><a href="index.html">ICOOK</a></h1>
						</div>
						<div class="header-right">
						<div class="login">
						<a href="login.html">登录</a>
						</div>
						<div class="cart box_1">
						<p></p>
							<div class="clearfix"> </div>
						</div>
				</div>
		
						<div class="clearfix"></div>
					</div>	
				</div>
			</div>
		<!-- end-header section-->
		<!--start-banner-->
			<div class="banner ban1">
				<div class="container">
					<div class="top-menu">
					<span class="menu"><img src="images/nav.png" alt=""/> </span>
						<ul>
							<li><a href="<?php echo U('Index/index');?>" >首页</a></li>
							<li><a  href="<?php echo U('Users/about');?>">关于我们</a></li>
						
						</ul>

					</div>
					</div>	
			</div>
		
		<!--end-banner-->
			
			<div class="content">
 <!-- registration -->
	<div class="main-1">
		<div class="container">
			<div class="register">
		  	     <form  method="post"  action="<?php echo U(register);?>"  enctype="multipart/form-data" onsubmit="return check();" > 
				 <div class="register-top-grid">
					<h3>个人信息</h3>
					 <div class="wow fadeInLeft" data-wow-delay="0.4s">
						<span >手机号<label>*</label></span>
						<input type="text" id="telephone" name="telephone" required pattern="[0-9]{11}" title="请填写正确的手机号" onblur="phoneCheck()" placeholder="手机号（必填）"> 
						<span id="tip" style="color:red"></span>

					 </div>
					 <div class="wow fadeInRight" data-wow-delay="0.4s">
						<span>电子邮箱<label>*</label></span>
						<input  placeholder="邮箱(必填)" type="email" id="email" name="email" required  style="width: 520px;height: 35px;"> 
					 </div>
					 <div class="wow fadeInRight" data-wow-delay="0.4s">
						 <span>头像<label>*</label></span>
						 <input type="file" id="photo" name="photo"> 
					 </div>
					
					
					 </div>
				     <div class="register-bottom-grid">
					
							 <div class="wow fadeInLeft" data-wow-delay="0.4s">
								<span>密码<label>*</label></span>
								<input  placeholder="密码(必填)" type="password" id="password" name="password" required style="width: 520px; height: 35px;">
							 </div>
							 <div class="wow fadeInRight" data-wow-delay="0.4s">
								<span>确认密码<label>*</label></span>
								<input placeholder="确认密码(必填)" type="password" id="newpassword" name="newpassword" required  style="width: 520px;height: 35px;">
							 </div>
							 	<div class="register-but">
					   <input type="submit" value="提交">
					 
				</div>
					 </div>
				</form>
				<div class="clearfix"> </div>
			
		   </div>
		 </div>
	</div>
<!-- registration -->
 <div class="specials-section">
				<div class="container">
					<div class="col-md-3 specials">
					<h3>关于我们</h3>
					<p>为商家提供网上餐厅、高效订单管理、精准会员营销、优惠促销推荐、精准便捷财务统计等餐饮智能化管理营销服务。特面向社会征集广告语，要求作品涵盖产品功能，简单易记；设计出的作品要能传递产品特性</p>
				</div>
				<div class="col-md-3 specials1">
				<h3>网站特色</h3>
				<ul>
					<li><a href="#">步骤简单</a></li>
					<li><a href="#">内容清晰</a></li>
					<li><a href="#">食材普遍</a></li>
					<li><a href="#">盛世美味</a></li>
				</ul>
				</div>
			<div class="col-md-3 specials1">
			<h3>网站须知</h3>
			<ul>
				<li><a href="#">未经允许，不得转载</a></li>
				<li><a href="#">绿色空间，健康发言</a></li>
				<li><a href="#">未经允许，不得转载</a></li>
				<li><a href="#">绿色空间，健康发言</a></li>
			</ul>
			</div>
			<div class="col-md-3 specials1">
			<h3>联系我</h3>
			<ul>
				<li><a href="#">QQ：1162200314</a></li>
				<li><a href="#">微信：15382290458</a></li>
				<li><a href="#">电话：15382290458</a></li>
			
			</ul>
			</div>
			<div class="clearfix"></div>
			</div>
			</div>
	</div>
	<div class="footer-section">
					<div class="container">
						<div class="footer-top">
						<p>icook 版权归属于 14110100436 魏莹悦</p>
					</div>
					<script type="text/javascript">
						$(document).ready(function() {
							/*
							var defaults = {
					  			containerID: 'toTop', // fading element id
								containerHoverID: 'toTopHover', // fading element hover id
								scrollSpeed: 1200,
								easingType: 'linear' 
					 		};
							*/
							
							$().UItoTop({ easingType: 'easeOutQuart' });
							
						});
					</script>
				<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>


					</div>
					</div>


	 
<!-- 判断电话号码是否存在 利用ajax -->
	<script type="text/javascript">
function phoneCheck(){
  var xmlHttp;

try{    // Firefox, Opera 8.0+, Safari
    xmlHttp=new XMLHttpRequest();    
   }
catch(e){   // Internet Explorer
   try{
      xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
      }catch (e){
    try{
         xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
         }
      catch (e){
         alert("您的浏览器不支持AJAX！");
         return false;
         }      }    } 
xmlHttp.onreadystatechange=function() {
  if (xmlHttp.readyState==4 && xmlHttp.status==200)
{    document.getElementById("tip").innerHTML=xmlHttp.responseText;
  }
}
var tele = document.getElementById("telephone").value;
xmlHttp.open("GET", "checkTele?t="+tele, true);
/*xmlHttp.open("GET","demo_get2.php?fname=Bill&lname=Gates",true);*/
xmlHttp.send();


}
</script>
</body>
</html>